<%--
  Created by IntelliJ IDEA.
  User: 20456
  Date: 2021/11/25
  Time: 13:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page isELIgnored="false"%>
<% String contextPath = request.getContextPath(); %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <title>前台界面</title>
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/css/car.css"/>
    <script src="<%=contextPath%>/js/jquery-3.6.0.min.js"></script>
    <script src="<%=contextPath%>/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<body>

<p><strong style="padding-left: 300px">未付款</strong></p>
<hr />
<!--商品详情展示开始-->
<c:forEach items="${notpayorders}" var="notpayorder">
    <div class="info warp">

        <ul>

            <%--<li class="info_2"> <img src="${diningcar.picture}" width="80px" height="80px"/> </li>--%>
            <li class="info_3"><a>【${notpayorder.ordername}】${notpayorder.ordersn}</a></li>
            <%--<li class="info_4"><a>特色：${diningcar.feature}</a> </li>--%>

            <li class="info_7">￥${notpayorder.price}.00</li>
                <%--<li>--%>
                <%--<a>删除</a><br />--%>
                <%--<a>已到我的关注</a>--%>
                <%--</li>--%>
        </ul>
        <button class="btn btn-info pay"><a href="http://localhost/front/seeorder?id=${notpayorder.id}" target="_self">去支付</a></button>
    </div>
</c:forEach>


<p><strong style="padding-left: 300px">待上菜</strong></p>
<hr />
<!--商品详情展示开始-->
<c:forEach items="${notserveorders}" var="notserveorder">
    <div class="info warp">

        <ul>

                <%--<li class="info_2"> <img src="${diningcar.picture}" width="80px" height="80px"/> </li>--%>
            <li class="info_3"><a>【${notserveorder.ordername}】${notserveorder.ordersn}</a></li>
                <%--<li class="info_4"><a>特色：${diningcar.feature}</a> </li>--%>

            <li class="info_7">￥${notserveorder.price}.00</li>
                <%--<li>--%>
                <%--<a>删除</a><br />--%>
                <%--<a>已到我的关注</a>--%>
                <%--</li>--%>
        </ul>
        <button class="btn btn-info cui">催单</button>
    </div>
</c:forEach>



<p><strong style="padding-left: 300px">已完成</strong></p>
<hr />
<!--商品详情展示开始-->
<c:forEach items="${successorders}" var="successorder">
    <div class="info warp">

        <ul>

                <%--<li class="info_2"> <img src="${diningcar.picture}" width="80px" height="80px"/> </li>--%>
            <li class="info_3"><a>【${successorder.ordername}】${successorder.ordersn}</a></li>
                <%--<li class="info_4"><a>特色：${diningcar.feature}</a> </li>--%>

            <li class="info_7">￥${successorder.price}.00</li>
                <%--<li>--%>
                <%--<a>删除</a><br />--%>
                <%--<a>已到我的关注</a>--%>
                <%--</li>--%>
        </ul>

    </div>
</c:forEach>

<p><strong style="padding-left: 300px">已取消</strong></p>
<hr />
<!--商品详情展示开始-->
<c:forEach items="${cancelorders}" var="cancelorder">
    <div class="info warp">

        <ul>

                <%--<li class="info_2"> <img src="${diningcar.picture}" width="80px" height="80px"/> </li>--%>
            <li class="info_3"><a>【${cancelorder.ordername}】${cancelorder.ordersn}</a></li>
                <%--<li class="info_4"><a>特色：${diningcar.feature}</a> </li>--%>

            <li class="info_7">￥${cancelorder.price}.00</li>
                <%--<li>--%>
                <%--<a>删除</a><br />--%>
                <%--<a>已到我的关注</a>--%>
                <%--</li>--%>
        </ul>

    </div>
</c:forEach>

<script>
    $(function () {
        $(".cui").click(function () {
            alert("店小二已收到催单！！！");
        });
        
        

    });


</script>

</body>
</html>
